<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Windows Calculator</title>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
		<div>
			<img src="images/logo.jpg" alt="logo" /><p><span>Calculator</span><img src="images/buttons.jpg" alt="buttons" /></p>
			<nav>
				<ul id="main-nav-list"  class="nav-list">
					<li>
						<a href="#">View</a>
					</li>
					<li>
						<a href="#">Edit</a>
					</li>
					<li>
						<a href="#">Help</a>
					</li>
				</ul>
			</nav>
			<form method="POST" action="#">
				<table border=1>

					<tr>
						<td colspan=10 class="box" id="result" >
							<input type="text" name="result" value="88554455" / >
						</td>
					</tr>
					<tr>
						<td colspan=10 class="box" id="bytes" >
								<span>0000</span>
								<span>0000</span>
								<span>0000</span>
								<span>0000</span>
								<span>0000</span>
								<span>0000</span>
								<span>0000</span>
								<span>0000</span>
								<br/>
								<span class="left">63</span>
								<span class="center">47</span>
								<span>32</span>
								<br/>
								<span>0000</span>
								<span>0000</span>
								<span>0000</span>
								<span>0000</span>
								<span>0000</span>
								<span>0000</span>
								<span>0000</span>
								<span>0000</span>
								<br/>
								<span class="left">31</span>
								<span class="center">15</span>
								<span id="special">0</span>
						</td>
					</tr>
					<tr>
						<td class="box" colspan=2 rowspan=3>
						<form method="POST" action="#">
							<input type="radio" name="numeric_system" value="Hex" />Hex<br/>
							<input type="radio" name="numeric_system" value="Dec" checked="checked" />Dec<br/>
							<input type="radio" name="numeric_system" value="Oct" />Oct<br/>
							<input type="radio" name="numeric_system" value="Bin" />Bin
						</form>
						</td>
						<td>
							<input type="button"  name="none" value="" disabled="disabled" />
						</td>
						<td>
							<input type="button"  name="Mod" value="Mod" />
						</td>
						<td>
							<input type="button"  name="A" value="A" disabled="disabled" />
						</td>
						<td>
							<input type="button"  name="MC" value="MC" disabled="disabled" />
						</td>
						<td>
							<input type="button"  name="MR" value="MR" disabled="disabled" />
						</td>
						<td>
							<input type="button"  name="MS" value="MS" disabled="disabled" />
						</td>
						<td>
							<input type="button"  name="M+" value="M+" disabled="disabled" />
						</td>
						<td>
							<input type="button"  name="M-" value="M-" disabled="disabled" />
						</td>
					</tr>
					<tr>
						<td>
							<input type="button"  name="(" value="(" />
						</td>			
						<td>
							<input type="button"  name=")" value=")" />
						</td>
						<td>
							<input type="button"  name="B" value="B" disabled="disabled" />
						</td>
						<td>
							<input type="button"  name="<-" value="<-" />
						</td>
						<td>
							<input type="button"  name="CE" value="CE" />
						</td>
						<td>
							<input type="button"  name="C" value="C" />
						</td>
						<td>
							<input type="button"  name="+/-" value="+/-" />
						</td>
						<td>
							<input type="button"  name="Square" value="V" disabled="disabled" />
						</td>
					</tr>
					<tr>				
						<td>
							<input type="button"  name="RoL" value="Rol" />
						</td>
						<td>
							<input type="button"  name="RoR" value="RoR" />
						</td>
						<td>
							<input type="button"  name="C" value="C" disabled="disabled" />
						</td>
						<td>
							<input type="button"  name="seven" class="number" value="7" />
						</td>
						<td>
							<input type="button"  name="eight" class="number" value="8" />
						</td>
						<td>
							<input type="button"  name="nine" class="number" value="9" />
						</td>
						<td>
							<input type="button"  name="devide" value="/" />
						</td>
						<td>
							<input type="button"  name="procent" value="%" disabled="disabled" />
						</td>
					</tr>		
					<tr>
						<td class="box" colspan=2 rowspan=3>
						<form method="POST" action="#">
							<input type="radio" name="numeric_system" value="Qword" checked="checked" />Qword<br/>
							<input type="radio" name="numeric_system" value="Dword" />Dword<br/>
							<input type="radio" name="numeric_system" value="Word" />Word<br/>
							<input type="radio" name="numeric_system" value="Byte" />Byte
							</form>
						</td>			
						<td>
							<input type="button"  name="Or" value="Or" />
						</td>
						<td>
							<input type="button"  name="Xor" value="Xor" />
						</td>
						<td>
							<input type="button"  name="D" value="D" disabled="disabled" />
						</td>
						<td>
							<input type="button"  name="four" class="number" value="4" />
						</td>
						<td>
							<input type="button"  name="five" class="number" value="5" />
						</td>
						<td>
							<input type="button"  name="six" class="number" value="6" />
						</td>
						<td>
							<input type="button"  name="multiple" value="*" />
						</td>
						<td>
							<input type="button"  name="1/x" value="1/x" disabled="disabled" />
						</td>
					</tr>		
					<tr>				
						<td>
							<input type="button"  name="Lsh" value="Lsh" />
						</td>
						<td>
							<input type="button"  name="Rsh" value="Rsh" />
						</td>
						<td>
							<input type="button"  name="E" value="E" disabled="disabled" />
						</td>
						<td>
							<input type="button"  name="one" class="number" value="1" />
						</td>
						<td>
							<input type="button"  name="two" class="number" value="2" />
						</td>
						<td>
							<input type="button"  name="tree" class="number" value="3" />
						</td>
						<td>
							<input type="button"  name="minus" value="-" />
						</td>
						<td rowspan="2">
							<input type="button"  id="equal" name="equal" value="=" />
						</td>
					</tr>		
					<tr>
						<td>
							<input type="button"  name="Not" value="Not" />
						</td>
						<td>
							<input type="button"  name="And" value="And" />
						</td>
						<td>
							<input type="button"  name="F" value="F" disabled="disabled" />
						</td>
						<td colspan=2>
							<input type="button" id="zero" name="zero" class="number" value="0" />
						</td>
						<td>
							<input type="button"  name="point" value="." disabled="disabled" />
						</td>
						<td>
							<input type="button"  name="plus" value="+" />
						</td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>